import React from 'react';

class App extends React.Component {
  // constructor 常用于做初始化工作
  constructor() {
    super();
    this.state = {
      aa: 11
    };
    console.log('constructor');
  }

  render() {
    console.log('render');
    return <div>
      {this.state.aa}
    </div>;
  }

  // componentDidMount 类似于 Vue 的 mounted
  componentDidMount() {
    console.log('componentDidMount');
    setTimeout(() => {
      this.setState({ aa: '数据请求成功' });
    }, 2000);
  }

  shouldComponentUpdate() {
    // 是否更新
    return true;
  }

  componentDidUpdate() {
    console.log('componentDidUpdate，组件更新后会自动执行');
  }



}

export default App;
